web 图像 - 一次分享

March 24, 2021

地址：https://github.com/funfish/blog/files/3432471/WEB.pdf

参考

  1. 谷歌-图像优化指南 本文主要介绍顺序
  2. 上文的翻译
  3. Finally understanding JPG 介绍得很清楚
  4. 图像压缩的奥秘 中文介绍很详细
  5. 风云大神的 jpeg 简易文档 V2.15
  6. jpeg-js js 写的图像编码库
  7. JPEG 系列三 JPEG 图像压缩
  8. Why aren’t your Images using Chroma-Subsampling? 介绍采样概况
  9. PNG 格式分析与压缩原理
  10. Reducing PNG file Size 介绍 png 的向量量化压缩
  11. ​PNG 图片压缩对比分析
  12. 用 Electron 撸了一个图片压缩工具
  13. 为什么要用自适应的图片
  14. 翻译：色彩：从十六进制编码到眼球
  15. 优化 Web 上的颜色 | WebKit
  16. UNDERSTANDING GAMMA CORRECTION

懒加载后部分

  1. 延迟加载图像和视频
  2. Trust is Good, Observation is Better—Intersection Observer v2
  3. How to use SVG as a Placeholder, and Other Image Loading Techniques
  4. Progressive Image Loading using Intersection Observer and SQIP
  5. How Medium does progressive image loading
  6. 阮一峰-图像与滤波
  7. 淘宝前端：活用 Shader，让你的页面更小，更炫，更快
  8. 探索 Web 上图片使用方式
  9. 使用 CSS 处理图像效果
  10. 如何使用 CSS 实现黑暗模式和高亮模式的切换
  11. 不可思议的混合模式